<div class="headall">

    <div class="header-fix">
        <div class="logo-wrapper">
                <a href="#ziji" class="nuxt-link-exact-active nuxt-link-active">
                    <img src="../static/images/logo_reset.png" alt="" class="logo logoImg">
                </a>
        </div>
    </div>

    <div class="header-bot">
        <div class="header-left">
            <ul class="out_ul fix">
                <li class="loaction">
                    <div class="hd_tit">
                        <a href="#">
                            <!-- before图标 -->
                            <i class="icon iconfont icon-dingwei"></i>
                            <em class="txt">北京市</em>
                        </a>
                    </div>
                </li>
                <li class="member-shop">
                    <div class="hd_tit">
                        <!-- before -->
                        <span class="icon iconfont icon-dianpu1"></span>
                        <i class="txt">旗舰店</i>
                    </div>
                    <div class="sub">
                        <!-- 旗舰店动态 -->
                        <ul style="display: none;">
                            <li>
                                <img src="//res.darryring.com/webimg/common/tmallLive_code.png" alt="">
                                <a href="https://darryring.tmall.com/">
                                    <i class="txt">天猫旗舰店</i>
                                </a>
                            </li>
                            <li>
                                <img src="//res.darryring.com/webimg/common/jdLive_code.png" alt="">
                                <a href="https://darryring.jd.com/">
                                    <i class="txt">京东旗舰店</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="order-shop">
                    <div class="hd_tit">
                        <a href="##">
                            <!-- 图标 -->
                            <span class="icon iconfont icon-dianpu"></span>
                            <i class="txt">预约到店</i>
                        </a>
                    </div>
                </li>
                <li class="order-shop">
                    <div class="hd_tit">
                        <!-- 图标 -->
                        <span class="icon iconfont icon-zixun"></span>
                        <i class="txt contact1">联系我们</i>
                    </div>
                    <div class="sub contact-wrap">
                        <ul style="display: none;">
                            <div class="l-wrap">
                                <p class="filter-text text-consult">
                                    <a href="##" class="nuxt-link-exact-active nuxt-link-active">
                                        <i class="icon iconfont iconkefu"></i>
                                        <span>在线咨询</span>
                                    </a>
                                </p>
                                <p class="filter-text">
                                    <a href="##">
                                        <i class="icon iconfont icondingbu-yijianfankui"></i>
                                        <span>意见反馈</span>
                                    </a>
                                </p>
                            </div>
                            <div class="r-wrap">
                                <div class="qrcode-wrap">
                                    <div class="qrcode">
                                        <img src="https://wework.qpic.cn/wwpic/435500_RmZ81nbVTHmu9iy_1627542654/0"
                                            alt="">
                                    </div>
                                    <p>联系专属顾问</p>
                                </div>
                                <div class="qrcode-wrap">
                                    <div class="qrcode">
                                        <img src="https://res.darryring.com/webimg/index/qrcodeHead.png">
                                    </div>
                                    <p>进入小程序<br>解锁更多粉丝福利</p>
                                </div>
                            </div>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <!-- scss -->
        <div class="dr_navWrap">
            <ul class="dr_nav">

                <li id="ppgsNav">
                    <div class="li_link1">
                        <a href="../../dist/index.html" class="link">
                            <span class="link-text1">品牌故事</span>
                        </a>
                    </div>
                    <!-- 内容 -->
                    <div id="ppgssubNav" class="dr_navsuv dr_navsuv-0" style="bottom: 40px;">
                        <div class="sub_nav-left">
                            <img src="//res.darryring.com/webimg/common/culture_nav.jpg" alt="">
                        </div>
                        <div class="sub_nav-right">
                            <h5>DR提倡“用一生爱一人”的真爱信仰</h5>
                            <p>自品牌创立之初便立下世间独特规定<br>
                                每位男士凭身份证一生仅能定制一枚DR求婚钻戒<br>
                                赠予此生挚爱一人，寓意“一生 · 唯一 · 真爱”
                            </p>
                            <div class="link-tags">
                                <a href="###">
                                    <span>了解品牌故事</span>
                                </a>
                            </div>
                        </div>
                        <div class="dr-world-link">
                            <div class="filter-wrap">
                                <p class="filter-title">一枚DR，一个故事</p>
                                <p class="filter-text">
                                    <a href="###">
                                        <span>明星故事</span>
                                    </a>
                                </p>
                                <p class="filter-text">
                                    <a href="###">
                                        <span>粉丝故事</span>
                                    </a>
                                </p>
                                <p class="filter-text">
                                    <a href="###">
                                        <span>DR专题</span>
                                    </a>
                                </p>
                            </div>
                            <div class="filter-wrap">
                                <p class="filter-title">关于DR</p>
                                <p class="filter-text">
                                    <a href="###">
                                        <span>品牌文化</span>
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="qhzjNav">
                    <div class="li_link2">
                        <a href="../../dist/activity.html">
                            <span class="link-text2">求婚钻戒</span>
                        </a>
                    </div>
                    <div id="qhzjsubNav" class="dr_navsuv dr_navsuv-1" style="bottom: 40px;">
                        <div class="nav-left">
                            <div class="ring_photo">
                                <img src="https://elove.darryring.com/group1/M00/1A/61/wKgc6F8ZYJOASjUUAAA79vgDONg799.jpg"
                                    alt="">
                            </div>
                            <p class="ring_desc">
                                DR倾力打造的稀世粉钻系列，寓意“全世界最好的都给你”。粉钻因矿藏稀少被誉为钻石中的至上臻品，DR以严格标准甄选高品级粉钻，采用高级珠宝镶嵌，融合精湛切工技艺，用一枚稀世粉钻表达一辈子倾其所有的宠爱。
                            </p>
                        </div>
                        <div class="nav-right">
                            <div class="filters">
                                <div class="filter-wrap">
                                    <p class="filter-title">系列</p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>稀世粉钻</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>BELIEVE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>FOREVER系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>LOVE LINE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>DR PARIS系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>TRUE LOVE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>WEDDING系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>JUST YOU系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="###">
                                            <span>SWEETIE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="###">
                                            <span>LOVE MARK系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="###">
                                            <span>ROSE LOVE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="###">
                                            <span>LOVE PALACE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="###">
                                            <span>D-DESTINY系列</span>
                                        </a>
                                    </p>
                                    <div class="link-tags">
                                        <a href="###">
                                            <span>了解更多</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="filter-wrap">
                                    <p class="filter-title">钻石形状</p>
                                    <p class="filter-text">
                                        <a href="##">
                                            <!-- 图标 -->
                                            <span class="icon iconfont iconyuanxing"></span>
                                            <span>圆形</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span class="icon iconfont iconxinxing"></span>
                                            <span>心形</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span class="icon iconfont iconfangxing"></span>
                                            <span>方形</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span class="icon iconfont iconshuangxin"></span>
                                            <span>心形（双心）</span>
                                        </a>
                                    </p>
                                </div>
                                <div class="filter-wrap">
                                    <p class="filter-title">价格区间</p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>5K以下</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>5K-1W</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>1W-2W</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>2W-5W</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>5W以上</span>
                                        </a>
                                    </p>

                                </div>
                                <div class="filter-wrap">
                                    <p class="filter-title">选购方式</p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>三戒一生</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>新品</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>热门</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>明星同款</span>
                                        </a>
                                    </p>
                                    <div class="link-tags">
                                        <a href="###">
                                            <span>浏览全部求婚钻戒></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="zaskNav">
                    <div class="li_link3" >
                        <a href="link">
                            <span class="link-text3">结婚对戒</span>
                        </a>
                    </div>
                    <div id="zasksubNav" class="dr_navsuv dr_navsuv-2" style="bottom: 40px;">
                        <div class="nav-left">
                            <div class="ring_photo">
                                <img
                                    src="https://elove.darryring.com/group1/M00/1A/BC/wKgc6F8eRWaAP4bpAABRSn7LZTw686.jpg">
                            </div>
                            <p class="ring_desc">唯一能将『我爱你』化为行动的对戒。
                                此生唯一的一颗真心，此刻我愿将它交付给你，
                                表明『一生只爱你一人』的坚定决心。</p>
                        </div>
                        <div class="nav-right">
                            <div class="filters">
                                <div class="filter-wrap">
                                    <p class="filter-title">系列</p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>DARRY RING系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>TOGETHER系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>ENDLESS LOVE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>D-DESTINY系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>DR PARIS系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>PRINCESS系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>MY HEART系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>LOVE LINE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="###">
                                            <span>JUST YOU系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>FOREVER系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>TRUE LOVE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>BELIEVE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>WEDDING系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>LOVE MARK系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>LOVE PALACE系列</span>
                                        </a>
                                    </p>
                                    <p class="filter-text" style="display: none;">
                                        <a href="##" class="">
                                            <span>了解更多 ></span>
                                        </a>
                                    </p>
                                </div>
                                <div class="filter-wrap">
                                    <p class="filter-title">材质</p>
                                    <p class="filter-text">
                                        <a href="/goods/2?material=M15003" class="">
                                            <span>白18K金</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="/goods/2?material=M15002" class="">
                                            <span>黄18K金</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="/goods/2?material=M15001" class="">
                                            <span>PT950</span>
                                        </a>
                                    </p>
                                    <p class="filter-text">
                                        <a href="/goods/2?material=M15004" class="">
                                            <span>红18K金</span>
                                        </a>
                                    </p>
                                </div>
                                <div class="filter-wrap">
                                    <p class="filter-title">价格区间</p>
                                    <p class="filter-text"><a href="/goods/2?priceMin&amp;priceMax=5000"
                                            class=""><span>5K以下</span></a></p>
                                    <p class="filter-text"><a href="/goods/2?priceMin=5001&amp;priceMax=10000"
                                            class=""><span>5K-1W</span></a></p>
                                    <p class="filter-text"><a href="/goods/2?priceMin=10001&amp;priceMax=20000"
                                            class=""><span>1W-2W</span></a></p>
                                    <p class="filter-text"><a href="/goods/2?priceMin=20001&amp;priceMax=50000"
                                            class=""><span>2W-5W</span></a></p>
                                    <p class="filter-text"><a href="/goods/2?priceMin=50001&amp;priceMax"
                                            class=""><span>5W以上</span></a></p>
                                </div>
                                <div class="filter-wrap">
                                    <p class="filter-title">选购方式</p>
                                    <p class="filter-text"><a href="/goods/3" class=""><span>男戒</span></a></p>
                                    <p class="filter-text"><a href="/sjys" class=""><span>三戒一生</span></a></p>
                                    <p class="filter-text"><a href="/goods/2?orderby=onshelfttime"
                                            class=""><span>新品</span></a></p>
                                    <p class="filter-text"><a href="/goods/2?orderby=salecount"
                                            class=""><span>热门</span></a></p>
                                    <p class="filter-text"><a href="/goods/17?star=1" class=""><span>明星同款</span></a>
                                    </p>
                                    <div class="link-tags"><a href="/goods/2" class=""><span>浏览全部结婚对戒 &gt;</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </li>
                <li id="ppwhNav">
                    <div class="li_link4"><a href="/goods/9" class="link"><span class="link-text4">真爱礼物</span></a>
                    </div>
                    <div  id="ppwhNavgift" class="dr_navsuv dr_navsuv-3" style="bottom: 40px;" >
                        <div class="filters">
                            <div class="filter-wrap">
                                <p class="filter-title">类别</p>
                                <p class="filter-text"><a href="/goods/9?category=4,5"><span>套链/项链/吊坠</span></a></p>
                                <p class="filter-text"><a href="/goods/9?category=6,14"><span>手链/手镯</span></a></p>
                                <p class="filter-text"><a href="/goods/9?category=7"><span>耳环/耳钉/耳线</span></a></p>
                                <p class="filter-text"><a href="/goods/9?category=M03059"><span>高级腕表</span></a></p>
                                <p class="filter-text"><a href="/goods/9?series=M04064"><span>D+</span></a></p>
                                <div class="link-tags"><a href="/goods/9" class="link"><span>浏览全部真爱礼物 &gt;</span></a>
                                </div>
                            </div>
                            <div class="filter-wrap">
                                <p class="filter-title">材质</p>
                                <p class="filter-text"><a href="/goods/9?material=M15003"
                                        class=""><span>白18K金</span></a></p>
                                <p class="filter-text"><a href="/goods/9?material=M15002"
                                        class=""><span>黄18K金</span></a></p>
                                <p class="filter-text"><a href="/goods/9?material=M15001"
                                        class=""><span>PT950</span></a></p>
                                <p class="filter-text"><a href="/goods/9?material=M15004"
                                        class=""><span>红18K金</span></a></p>
                            </div>
                            <div class="filter-wrap">
                                <p class="filter-title">送礼对象</p>
                                <p class="filter-text"><a href="/goods/18?romanticLady=1" class=""><span>浪漫女士</span></a>
                                </p>
                                <p class="filter-text"><a href="/goods/19?romanticMan=1" class=""><span>尊贵男士</span></a>
                                </p>
                            </div>
                            <div class="filter-wrap">
                                <p class="filter-title">价格区间</p>
                                <p class="filter-text"><a href="/goods/9?priceMin&amp;priceMax=5000"
                                        class=""><span>5K以下</span></a></p>
                                <p class="filter-text"><a href="/goods/9?priceMin=5001&amp;priceMax=10000"
                                        class=""><span>5K-1W</span></a></p>
                                <p class="filter-text"><a href="/goods/9?priceMin=10001&amp;priceMax=20000"
                                        class=""><span>1W-2W</span></a></p>
                                <p class="filter-text"><a href="/goods/9?priceMin=20001&amp;priceMax=50000"
                                        class=""><span>2W-5W</span></a></p>
                                <p class="filter-text"><a href="/goods/9?priceMin=50001&amp;priceMax"
                                        class=""><span>5W以上</span></a></p>
                            </div>
                            <div class="filter-wrap">
                                <p class="filter-title">选购方式</p>
                                <p class="filter-text"><a href="/sjys" class=""><span>三戒一生</span></a></p>
                                <p class="filter-text"><a href="/goods/9?orderby=onshelfttime"
                                        class=""><span>新品</span></a></p>
                                <p class="filter-text"><a href="/goods/9?orderby=salecount" class=""><span>热门</span></a>
                                </p>
                                <p class="filter-text"><a href="/goods/17?star=1" class=""><span>明星同款</span></a></p>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="shopNav">
                    <div class="li_link5"><a href="/shopyd" class="link"><span class="link-text5">真爱体验店</span></a>
                    </div>
                    <div id="ShopsubNav" class="dr_navsuv dr_navsuv-4" style="bottom: 0;" >
                        <div class="nav-right">
                            <a href="https://www.darryring.com/market/config/890577540.html"><img
                                    src="https://res.darryring.com/webimg/index/appoint2-img.png" class="shop-pic">
                            </a>
                        </div>
                        <div class="nav-left">
                            <div class="left-con">
                                <p class="city-title">热门城市</p>
                                <p class="city-wrap"><a href="/shopyd?citycode=FR001" class="">巴黎</a> <a
                                        href="/shopyd?citycode=33001" class="">香港</a> <a href="/shopyd?citycode=02001"
                                        class="">上海</a> <a href="/shopyd?citycode=01001" class="">北京</a> <a
                                        href="/shopyd?citycode=19001" class="">广州</a> <a href="/shopyd?citycode=19002"
                                        class="">深圳</a></p>
                            </div>
                            <div class="link-tags">
                                <a href="/shopyd?search=%E5%8C%97%E4%BA%AC%E5%B8%82" class="moreStore">
                                    <span>查看全部体验店 &gt;</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="DRTrueLove">
                    <div class="li_link">
                        <a href="https://www.darryring.com/market/config/1206198754.html" class="link">
                            <span class="link-text6">DR真爱婚礼</span></a>
                    </div>
                </li>
                <li id="DRsearch">
                    <div class="searchKeyword">
                        <div class="login-input-box">
                            <input placeholder="请输入商品名称/门店名称" type="input" value="">
                        </div>
                        <span class="icon iconfont iconicon_sousuo icon_right icon-chaxun"></span>
                    </div>
                </li>
            </ul>
            <!-- <div class="login_wrap">
                <div class="login_left">
                    <div class="line"><a href="/login?pos=reg" class="login hoverAni">登 录</a>
                    </div>
                    <div class="line"><a href="/login?pos=reg" class="register hoverAni">注 册</a>
                    </div>
                </div>
                <div class="login_right">
                    <h5>拥有DR账户您将获得以下服务</h5>
                    <p>保存您的购物袋、心愿单等个人信息<br>
                        查询购买记录<br>
                        订单追踪及售后服务
                    </p>
                </div>
            </div> -->
        </div>

        <div class="header-right">
            <ul class="fix">
                <li class="search">
                    <span class="icon iconfont iconicon_sousuo icon_right icon-chaxun"></span>
                    <!-- <i class="icon iconfont iconclose-small" style="display:none;"></i>
                    <div class="search_wrap"><span class="icon iconfont iconicon_sousuo icon_left"></span> <input
                            type="text" placeholder="输入身份证号，查看真爱承诺" value="">
                    </div> -->
                </li>
                <li class="icon-text">
                    <span>真爱查询</span>
                </li>
                <li class="personal">
                    <a href="/" class="nuxt-link-exact-active nuxt-link-active">
                        <i class="icon iconfont icon-icon_xinyong_xianxing_jijin- icon-normal"></i>
                    </a>
                </li>
                <!--登录注册 -->
                <li class="icon-text">
                    <a href="../../dist/login.html" id="loginBtn" class="lo-re">登录/注册
                        <!-- <span></span> -->
                    </a>
                    <a href="#" id="userDropdown">
                        <span>欢迎:</span>
                        <span id="nickname"></span>
                    </a>
                </li>
                <li class="wish">
                    <a href="/wish" class="">
                        <span class="icon iconfont iconicon_shoucang icon-xin"></span>
                    </a>
                </li>
                <li class="icon-text">
                    <span class="wish-text">心愿单</span>
                </li>
                <li class="shop-bag">
                    <a href="/cart" class="">
                        <span class="icon iconfont iconicon_gouwudai icon-gouwudai
                        " ></span>
                    </a> 
                </li>
                <li class="icon-text">
                    <a href="../../dist/shopcar.html">
                    <span class="cart-text">购物袋</span>
                    </a>
                    
                </li>
            </ul>
        </div>
    </div>

    <div class="userinfo" >
        <ul class="userbox">
            <li>
                <a class="dropdown-item" href="#">
                    <i class="icon-icon-user"><span>用户信息</span></i>
                </a>
            </li>
            <li>
                <a class="dropdown-item" href="#">
                    <i class="icon-yonghushezhi-">
                        <span>设置</span>
                    </i>
                    
                </a>
            </li>
            <li>
               <a class="dropdown-item" href="../../dist/login.html" >
                    <i class="icon-zhuxiao">
                        <span>注销</span>
                    </i>
                   
                </a>
            </li>
            
        </div>
    </div>

</div>

